/* Styles par défaut (PC) */
body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    background:blue;
    background:linear-gradient(to left, #05ff54fd, #2e0046);
}
p, h1, a{color:white;}

/* p {
    color:white;
    font-size: 1.3em;}*/

.banniere{
    padding: 100p;
    }

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 20px;
}

.responsive-image {
    width: 50%; /* Image prend 50% de la largeur de l'écran sur PC */
    height: auto;
}

.content {
    width: 50%; /* Contenu prend 50% de la largeur de l'écran sur PC */
    padding: 20px;
}

/* Styles pour les écrans de smartphone */
@media (max-width: 768px) {
    .container {
        flex-direction: column; /* Empile le contenu sur mobile */
    }
    
    .responsive-image {
        width: 100%; /* Image prend 100% de la largeur sur mobile */
    }

    .content {
        width: 100%; /* Contenu prend 100% de la largeur sur mobile */
        padding: 10px; /* Réduit le padding */
    }
}